<lift:surround with="default" at="content">
<head>
<style>
.input{
	height:100px; 
}
</style>

<script type="text/javascript">
function updateScalaResultTable(resultObj, elementId) 
{
	  // Select the first element in table id="scalaresult"
	  //  with id="result" as the template
	  if (resultTemplate == null) {
	    var resultTemplate = jQuery('#'+elementId+'-result');
	    // Now we have the template, make the existing instances invisible
	    resultTemplate.hide();
	  }

     var newResult = resultTemplate.clone(true).attr('id','').attr('class','resultrow');

     newResult.find('#text').text(resultObj.text);
     newResult.show()
     jQuery('#'+elementId).append(newResult)
 
}
</script>
</head>
<div>
<table id="scalaresult">
	<tbody>
		<tr id="scalaresult-result"><td id="text">Scala start</td></tr>
	</tbody>
</table>
</div>
<div>
    <lift:form>
    <lift:SI.ip>
        <div><edit:script/></div>
    </lift:SI.ip>
    <br/>
    <input value="Run" type="submit"/>
    </lift:form>
</div>
<div>
<table id="message">
	<tbody>
		<tr id="message-result"><td id="text">Message start</td></tr>
	</tbody>
</table>
</div>
<div>
<lift:comet type="MessageCometActor"/>
</div>
    <lift:form>
    <lift:Chat.input>
        <div><edit:msg/></div>
    </lift:Chat.input>
    <br/>
    <input value="Run" type="submit"/>
    </lift:form>
</lift:surround>

